body {
  /*background-image:url(/images/bg6.jpg); background-repeat:repeat;margin:auto;*/
  background:#fff;
  color:#000;
  font-family:"ARSMaquettePro-Light", "Lucida Grande", Lucida, Verdana, sans-serif;
}


#container {
  margin-top:40px;
}

#advert_box_y {
  margin-left:40px;
  width:200px;
  height:800px;
  clear:none;
  vertical-align:top;
  border:1px solid #000;
  padding:10px;
  text-align:center;
}

#advert_box_x {
  margin-left:40px;
  width:800px;
  height:90px;
  vertical-align:top;
  border:1px solid #000;
  padding:10px;
  text-align:center;
  margin:auto;
  margin-top:50px;
  margin-bottom:10px;
}

.content {
  padding:4px 10px;
  width:99%;
}

h1 {
  font-size:18px;
  padding:2px 12px 0 0;
  color:#CC99CC;
}

#top_bar {
  width:100%;
  background:#7a3c7a;
  height:30px;
  top:0;
  left:0;
  position:absolute;
}

#register, #login, #contact {
  float:right;
  font-size:10px;
  background:#ae5aae;
  color:#fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 5px;
  border-radius: 6px;
  padding:2px 5px;
  margin-right:10px;
  margin-top:7px;
}

#register a, #login a, #contact a {
  text-decoration:none;
  color:#fff;
}

#top {
  width:100%;
  background-image:url(/images/topbg2.png); background-repeat: repeat;
  background-size:1000px 70px;
  top:30px;
  left:0;
  color:white;
  height:70px;
  position:absolute;
  /*position:fixed;*/
}

#left {
	float:left;
}

#right {
	float:right;
	top:0;
	position:absolute;
	right:400px;
}

#search1 {
  cursor:pointer;
  width:80px;
  text-align:center;
  position:absolute;
  right:135px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background:#fff;
  padding:10px;
  font-size:1.0em;
  font-family:"ARSMaquettePro-Light", "Lucida Grande", Lucida, Verdana, sans-serif;
  color:#000;
  height:16px;
  top: 17px;
}

#upfile1 {
  cursor:pointer;
  width:80px;
  text-align:center;
  position:absolute;
  right:10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background:#fff;
  padding:10px;
  font-size:1.0em;
  font-family:"ARSMaquettePro-Light", "Lucida Grande", Lucida, Verdana, sans-serif;
  color:#000;
  height:16px;
  margin-right:12px;
  top:17px;
  line-height:16px;
}

#search input {
  width:400px;
  padding:7px;
  display:block;
  font-size:15px;
  /*margin:auto;
  margin-right:15px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 10px 10px 5px #000;
  -webkit-box-shadow: 4px 4px 5px #000;
  box-shadow: 3px 3px 10px #000;
  float:right;
  margin-right:250px;
}

.score_up {
  color:#007700;
  text-align:center;
}

.score_down {
  color:#CC0011;
  text-align:center;
}

.title {
  color:#757575;
  font-weight:bold;
}

#keyword_container {
  margin:5px 0 0 50px;
  position:relative;
}

.keywords {
  margin-right:6px;
  padding:2px 3px 2px 3px;
  background:#e8c9e8;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #CC99CC;
  color:#555;
}

.name_1 {
  text-align:right;
}

.vs {
  text-align:center;
}

.name_2 {
  text-align:left;
}

.map {
  text-align:center;
  font-weight:bold;
}

.length {
  text-align:center;
}

#replay_container {
  padding:0 0 10px 0;
}

#replay_container table {
  color:#757575;
  font-size:12px;
}

#replay_container table {
  border-collapse:collapse;
  margin-left:20px;
  margin-right:20px;
}

#replay_container tr td {
  padding-bottom:2px;
  padding-top:4px;
  padding-left:6px;
  margin-top:12px;
}

#replay_container table, td {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  /*border-right: 1px solid #ddd;*/
}

#replay_container .bottom_row td {
  border-top:none;
  padding-bottom:6px;
  border-bottom: 1px solid #000;
}

tr.first {
  color:#ae4aae;
  margin-bottom:25px;
}

tr.table_row:hover {
  background:#f1e3f1 !important;
}

.table_titles_mid {
  border:none;
  padding-bottom:10px;
}

.table_titles_left {
  border:none;
  padding-bottom:10px;
  text-align:left;
}

#replay_title {
  text-align:left;
}

#replay {
  font-size:14px;
  color:#757575;
  padding:10px 0 10px 0;
  border-bottom: 1px solid #BBB;
  margin:0 20px 0 20px;
  padding:10px 0 10px 0;
}

.realm_SEA, .realm_EU, .realm_US, .realm_KR, .realm_ {
  /*display:inline-block;
  width:40px;
  text-align:center;*/
  text-align:center;
}

.realm_KR {
  color:#FF0000;
}

.realm_SEA {
  color:#33BB00;
}

.realm_EU {
  color:#FF9900;
}

.realm_US {
  color:#0000FF;
}

.download img {
  padding:2px 3px 2px 3px;
  background:#be7dbe;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #814081;
  color:#fff;
}

.info {
  font-style:italic;
  font-weight:bold;
  font-size:16px;
  font-family:"times new roman";
  padding:2.5px 11px 2.5px 11px;
  background:#be7dbe;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #814081;
  color:#fff;
}

.plus {
  font-style:italic;
  font-weight:bold;
  font-size:16px;
  font-family:"times new roman";
  padding:2.5px 10px 2.5px 10px;
  background:#5b69ff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #0011d6;
  color:#fff;
}

.minus {
  font-style:italic;
  font-weight:bold;
  font-size:16px;
  font-family:"times new roman";
  padding:2.5px 11px 2.5px 11px;
  background:#ffa65b;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #a35c00;
  color:#fff;
}

#download_button {
  cursor:pointer;
  width:180px;
  text-align:center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background:#fff;
  padding:10px;
  font-size:1.0em;
  color:#000;
}